<!-- bloc-1 -->
<div class="bloc bg-city-overlay bgc-outer-space d-bloc" id="bloc-1">
  <div class="container bloc-lg">
    <div class="row">
      <div class="col-sm-12">
        <%= image_tag 'tracks.jpg', {alt: 'This is a tooltip', class: 'img-responsive',
                                     data: {placement: 'right', toggle: 'tooltip'}} %>
        <h3>
          A Standard Post
        </h3>
        <p>
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum
          sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies
          nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.Lorem ipsum dolor sit amet,
          consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et
          magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,
          pretium quis, sem. Nulla consequat massa quis enim.Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
          Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes,
          nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat
          massa quis enim.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
          Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam
          felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
        </p>
      </div>
    </div>
  </div>
</div>
<!-- bloc-1 END -->

<!-- bloc-2 -->
<div class="bloc l-bloc bgc-white" id="bloc-2">
  <div class="container bloc-lg">
    <div class="row">
      <div class="col-sm-2 col-sm-offset-5 col-xs-6 col-xs-offset-3">
        <%= image_tag 'placeholder-user.png', {class: 'img-responsive img-circle'} %>
      </div>
      <div class="col-xs-12 col-md-8 col-md-offset-2">
        <h3 class="statement-bloc-text">
          "Eventually everything connects - people, ideas, objects. The quality of the connections is the key to quality
          per se."
        </h3>
        <p class="text-center">
          <strong>Charles Eames</strong>
          <%= link_to 'My Blog', controller: 'articles' %>
        </p>
      </div>
    </div>
  </div>
</div>
<!-- bloc-2 END -->
